﻿<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Site.css?v=" + DateTime.Now.Ticks.ToString())")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/PencasFunctionality.js?v=" + DateTime.Now.Ticks.ToString())" type="text/javascript"></script>

    <meta http-equiv="cache-control" content="NO-CACHE"/>
    <meta http-equiv="expires" content="0"/>

</head>
<body>
    <div class="page">
        <div id="header">

            <a href="../Home"><img src="../../Content/img/banner.png" style="width:100%" /></a>
            @*<div id="title">
                <h1>pencas la blanqueada</h1>
                
            </div>*@
            @*<div id="logindisplay">
                @Html.Partial("_LogOnPartial")
                <div style="height:50px">&nbsp</div>
            </div>*@
            @*<div id="menucontainer">
                <ul id="menu">
                </ul>
            </div>*@
        </div>
        <div id="main">

            <div id="ventanaPronosticos" style="display:none; z-index:999; width:80%; height:1330px; position:absolute; border:solid black 5px; background-color:White">
    @using (Ajax.BeginForm("VerPronostico", "Home", new AjaxOptions { UpdateTargetId = "divPronostico", LoadingElementId = "ajax-loader2" }))
    {
        <div style="margin-top:15px; margin-left:25%; width:10%; float:left">Código:</div>
        <div style="margin-top:12px; width:20%; float:left"><input name="token" type="text" style="width:80%" /></div>
        <div style="margin-top:10px; width:10%;float:left"><input type="submit" value="Mostrar!"/></div>
        <div style="height:40px; width:15%; float:left"><img id="ajax-loader2" src="/Content/img/ajax-loader.gif" style="display:none; height:16px; width:16px; margin-top:18px"></div> 
        <br />
    }
    <div style="height:50px"><a id="botonCerrarPronosticos" href="javascript:void(0)" onclick="toggleDivDelantero('ventanaPronosticos')">Cerrar</a></div>
    <div id="divPronostico" style="margin-left:20%"></div>
</div>

<div id="ventanaContacto" style="display:none; z-index:999; width:80%; height:1330px; position:absolute; border:solid black 5px; background-color:White">
    @using (Ajax.BeginForm("EnviarMail", "Home", new AjaxOptions { UpdateTargetId = "divMensajeMail", LoadingElementId = "ajax-loader3" }))
    {
        <div style="margin-left:90%; height:50px"><a id="botonCerrarContacto" href="javascript:void(0)" onclick="toggleDivDelantero('ventanaContacto')">Cerrar</a></div>
        <div style="margin-left:10%; width:8%; float:left">Tu e-mail:</div><div><input type="text" name="mail"/></div>
        <br />
        <div>@Html.TextArea("mensaje", new { style = "margin-left:10%; width:80%; height:200px" })</div>
        <div style="margin-left:50%; width:8%; float:left"><input type="submit" value="Enviar"/></div>
        <div style="width:3%; float:left"><img id="ajax-loader3" src="/Content/img/ajax-loader.gif" style="display:none; height:16px; width:16px; margin-top:10px"></div>
        <br />
        <br />
        <div style="margin-left:10%" id="divMensajeMail"></div>
    }
</div>

<div id="ventanaReglamento" style="display:none; z-index:999; width:80%; height:1330px; position:absolute; border:solid black 5px; background-color:White">
    <div style="width:80%; float:left">
    <div style="height:60px; margin-left:96%"><a id="botonCerrarReglamento" href="javascript:void(0)" onclick="toggleDivDelantero('ventanaReglamento')">Cerrar</a></div>
    <div style="margin-left:10%">REGLAMENTO GENERAL</div>
    <br />
    <div style="margin-left:10%">
        La penca funcionará de la siguiente forma:
    </div>
    <br />
    <div style="margin-left:10%">Cada participante debe completar via web y antes del  comienzo de la copa el pronóstico de los partidos y preguntas especiales.
            Una vez comenzada se registarán los resultados quedando automáticamente generado el puntaje de cada particpante, que será asignado de la siguiente manera:
    </div>
    <br />
    <div style="margin-left:10%">-13 puntos por acierto al ganador del partido, o empate del mismo *</div>
    <div style="margin-left:10%">-7 puntos extra por acierto al resultado exacto *</div>
    <div style="margin-left:10%">-19 puntos por acertar el campeón del torneo</div>
    <div style="margin-left:10%">-15 puntos por acertar el vice-campeón</div>
    <div style="margin-left:10%">-11 puntos por acertar el tercer puesto</div>
    <div style="margin-left:10%">-19 puntos por acertar cual será el equipo en convertir más goles **</div>
    <div style="margin-left:10%">-23 puntos por acertar la cantidad total de goles que se convertirá en el torneo</div>
    <br />
    <div style="margin-left:10%">*En caso de ser un partido de segunda fase para considerarse acertado el resultado debe haberse acertado también los rivales que juegan el partido.</div>
    <br />
    <div style="margin-left:10%">**En caso de haber más de un equipo empatado, se dará el puntaje a los que acierten alguno de esos equipos</div>
    <br />
    <div style="margin-left:10%">El costo de la penca es de $60</div>
    <br />
    <div style="margin-left:10%">El premio para el que alcance el mayor puntaje será un vale valor $4000 para compras en sección deportes de la cooperativa bancaria</div>
    </div>
    
</div>

<div style="margin-left:12%; width:20%;float:left"><input id="inputVerPronostico" type="submit" value="Ver Pronóstico" onclick="toggleDivDelantero('ventanaPronosticos')"/></div>
<div style="width:25%; float:left"><input id="inputVerTabla" type="submit" value="Tabla de posiciones" onclick='$("#tablaPosiciones").click()'/></div>
<div style="width:15%; float:left"><input id="inputContacto" type="submit" value="Contacto" onclick="toggleDivDelantero('ventanaContacto')"/></div>
<div><input id="inputReglamento" type="submit" value="Reglamento" onclick="toggleDivDelantero('ventanaReglamento')"/></div>
<br />
<br />
<br />

            @RenderBody()
        </div>
        <div id="footer">
        </div>
    </div>
</body>
</html>

<script type="text/javascript">
    function toggleDivDelantero(divName) {
        $("#" + divName).toggle("slow");
        $("#divMensaje").html("");
    }
</script>